<template>
	<view class="container-privacy">
		<view class="lang-top">
			<view class="backIcon" @click="back()">
				<uni-icons type="left" size="26"></uni-icons>
			</view>
			<view class="langText">
				{{$t('隐私政策')}}
			</view>
			<view class="clearView">
				
			</view>
		</view>
		<view class="">
			<view class="contract_box">
				<rich-text :nodes="content"></rich-text>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				content:""
			}
		},
		onShow() {
			this.getindex()
		},
		methods:{
			getindex(){
				this.$http.get(
					'api/article/details',//接口名
					{id:2},//参数合集
				).then(res=>{
					this.content = res.data.data.content
				},(err)=>{//失败的操作
					uni.showToast({
						icon: 'error',
						title: err.data.message
					});
				})
			},
			back(){
				uni.navigateBack({
					delta:1
				})
			},
		}
	}
</script>

<style scoped>
	.container-privacy{
		background-color: #f6f6f6;
	}
	.lang-top{
		display: flex;
		padding-left:10rpx;
		height:88rpx;
		line-height:88rpx;
		background-color: #fff;
		position: fixed;
		top: 0;
		width: 100%;
	}
	.backIcon{
		width:20%;
	}
	.langText{
		font-size:36rpx;
		width:60%;
		text-align: center;
		
	}
	.clearView{
		width:20%;
	}
	.content-view{
		background: #fff;
		padding: 10rpx;
		margin: 0 auto;
		font-size:24rpx;
		
	}
	.content-view>p{
		line-height:40rpx;
	}
	.contract_box{
		padding:20rpx;
		background-color: #fff;
		font-size: 24rpx;
		line-height: 40rpx;
		margin-top:88rpx;
	}
</style>